<!DOCTYPE html>
<html>

<!-- CSS -->
<link rel="stylesheet" media="screen" type="text/css"
      href="https://code.jquery.com/ui/1.11.2/themes/redmond/jquery-ui.css">
<link rel="stylesheet" media="screen" type="text/css" href="css/jquery.shadow.css">
<link rel="stylesheet" media="screen" type="text/css" href="css/jquery.contextMenu.css"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/default.css">
<!-- JavaScript libs -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/locales.min.js"></script>

<script type="text/javascript" src="js/jquery.shadow.js"></script>
<script type="text/javascript" src="js/jquery.ui.position.js"></script>
<script type="text/javascript" src="js/jquery.contextMenu.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<!-- JavaScript custom -->
<script type="text/javascript" src="js/category.js"></script>
<script type="text/javascript" src="js/contextMenu.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript" src="js/default.js"></script>

<body>

<div id="topBox" class="calendarFrame">
    <div id="toolBox" class="ui-dialog-titlebar ui-widget-header ui-corner-bottom">
        <span class="toolGroup">
            <button id="prevYear">&nbsp;</button>
            <button id="yearButton"><span id="yearSelector">2014</span></button>
            <button id="nextYear">&nbsp;</button>
        </span>
        <span class="toolGroup">
            <button id="btnEditCategories">Edit Categories</button>
            <button id="btnClearSelection">Clear Selection</button>
            <button id="btnRefresh">Refresh</button>
        </span>
    </div>

    <!--
    <form id="yearSelector" onsubmit="return display(0);">
        <button id="prevYear" class="ui-icon ui-icon-circle-arrow-w" onmousedown="display(-1)">&nbsp;&laquo;&nbsp;</button>
        <input id="yearInput" class="ui-icon ui-icon-circle-arrow-w" size="4" value="" style="width: 4em" maxlength="4">&nbsp;
        <button id="nextYear" onmousedown="display(1)">&nbsp;&raquo;&nbsp;</button>
        <input type=submit value="__MSG_Labs_Go_To_Year__" onmousedown="display(0)">
        <button onmousedown="displayCurrentYear()">__MSG_Labs_This_Year_Button__</button>
    </form>-->
    <table id="monthHeader"></table>
</div>

<!-- container for the edit-categories-dialog  -->
<div id="dlgCategories" title="Edit Categories"></div>
<!-- container for the edit-categories-dialog  -->
<div id="dlgCategoryDelete" title="Delete category?">
    <p>Are you sure you want to delete the selected category?</p>
</div>

<table id="yearTable" class="calendarFrame"></table>

</body>
</html>